$(function () {
    //切换城市效果
    $(".city-info__toggle").mouseover(function () {
        $(".city-drop-down").show();
    });
    $(".city-info__toggle").mouseleave(function () {
        $(".city-drop-down").hover(function () {//对div的处理
            $(this).show();
        }, function () {
            $(this).hide();
        });
        $(".city-drop-down").hide();
//        if($(".city-drop-down").mouseleave()){
//            $(".city-drop-down").hide();
//        }

    });
    //搜索选择店铺，商家效果
    $(".search-box__tabs-container").mouseover(function () {
        $(this).addClass("search-box__tabs-container--over");
    });
    $(".search-box__tabs-container").mouseleave(function () {
        $(this).removeClass("search-box__tabs-container--over");
    });
    $(".search-box__tabs li").click(function () {       // 点击li元素时
        if ($(this).prev()) {
            $(this).after($(this).prev());
        }
    })

    //返回顶部
    var oTop = document.getElementById("to_top");
    oTop.onclick = function () {
        document.documentElement.scrollTop = document.body.scrollTop = 0;
    }
    //浮动楼层效果
    var sc = $("#floor-category--shangchao").offset().top;
    var xx = $("#floor-category--xiuxian").offset().top;
    var yd = $("#floor-category--yundong").offset().top;
    var lr = $("#floor-category--liren").offset().top;
    var jh = $("#floor-category--jiehun").offset().top;
    var gw = $("#floor-category--gouwu").offset().top;//距页顶偏移量 
    var sg = $("#floor-category--shenghuo").offset().top;
    var jj = $("#floor-category--jiaju").offset().top;
    var jd = $("#floor-category--jiudian").offset().top;
    var ms = $("#floor-category--meishi").offset().top;
    $(window).scroll(function () { //滚动时候触发
        var hh = $(this).scrollTop() + 25;
        if (hh > 730) {
            $("#floor_nav_scroll").animate({top: hh}, {duration: 100, queue: false});
            var scroH = $(this).scrollTop() + 25;//滚动条滚动距离+滚动条高度
            if (scroH >= sc) {
                set_cur(".sc");////设置状态 
            } else if (scroH >= xx) {
                set_cur(".xx");
            } else if (scroH >= yd) {
                set_cur(".yd");
            } else if (scroH >= lr) {
                set_cur(".lr");
            } else if (scroH >= jh) {
                set_cur(".jh");
            } else if (scroH >= gw) {
                set_cur(".gw");
            } else if (scroH >= sg) {
                set_cur(".sg");
            } else if (scroH >= jj) {
                set_cur(".jj");
            } else if (scroH >= jd) {
                set_cur(".jd");
            } else if (scroH >= ms) {
                set_cur(".ms");
            }
        }
    });

    $(".floornav li a").click(function () {
        var el = $(this).data('target');
        $('html, body').animate({
            scrollTop: $(el).offset().top
        }, 300);
        $(this).addClass("current").parent().siblings().find("a").removeClass("current");
    });

//首页上面楼层效果
    $(".nav-level1").mouseover(function () {
        var cname = $(this).attr("name");
        $(".first_" + cname).attr("src", "img/" + cname + "_active.png");
        $(".last_" + cname).hide();
        $(".right_" + cname).css("display", "block");
        $("#middle_" + cname).css("color", "#e0244d");
    });
    $(".J-nav-item").mouseleave(function () {
        var cname = $(this).attr("name");
        var ln = cname.split("_");

        $(".first_" + ln[1]).attr("src", "img/" + ln[1] + "_no.png");
        $(".last_" + ln[1]).show();
        $(".right_" + ln[1]).css("display", "none");
        $("#middle_" + ln[1]).css("color", "#333");
    });
    //首页中间热门区域点击更多效果
    $("#filter_area_gengduo").mouseover(function () {
        $("#filter_area").css("overflow", "visible");
        $("#hot_area_gengduo").addClass("hot_area_gengduo");
    });
    $("#filter_area").mouseleave(function () {
        $("#filter_area").css("overflow", "hidden");
        $("#hot_area_gengduo").removeClass("hot_area_gengduo");
    });
});
function set_cur(n) {
    if ($(".floornav a").hasClass("current")) {
        $(".floornav a").removeClass("current");
    }
    $(".floornav a" + n).addClass("current");
}



